import React, { Component } from "react";
import { NavStyle } from "../style";

// 导入图片
import crowd from "@/assets/images/discover/crowd.png";
import hot from "@/assets/images/discover/hot.png";
import newpic from "@/assets/images/discover/new.png";
import column from "@/assets/images/discover/column.png";

class Navcenter extends Component {
  render() {
    return (
      <NavStyle>
        <div>
          <img src={crowd} alt="众筹" />
          <span>众筹</span>
        </div>
        <div>
          <img src={column} alt="栏目" />
          <span>栏目</span>
        </div>
        <div>
          <img src={newpic} alt="最新" />
          <span>最新</span>
        </div>
        <div>
          <img src={hot} alt="最热" />
          <span>最热</span>
        </div>
      </NavStyle>
    );
  }
}

export default Navcenter;
